<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="程月">
    <title>小米官网</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/base.css">
    <!-- <link rel="stylesheet" href="js/index.js"> -->
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.css">
</head>

<body>
    <header>
        <!-- 导航栏  -->
        <nav>
            <div class="nav container">
                <ul class="nav-left">
                    <li><a href="#">小米商城</a></li>|
                    <li><a href="#">MIUI</a></li>|
                    <li><a href="#">米聊</a></li>|
                    <li><a href="#">游戏</a></li>|
                    <li><a href="#">多看阅读</a></li>|
                    <li><a href="#">云服务</a></li>|
                    <li><a href="#">金融</a></li>|
                    <li><a href="#">小米商城手机版</a></li>|
                    <li><a href="#">问题反馈</a></li>|
                    <li><a href="#">Select Region</a></li>
                </ul>
                <ul class="nav-right">
                    <li><a href="#">登录</a></li>|
                    <li><a href="#">注册</a></li>|
                    <li><a href="#">消息通知</a></li>
                    <li class="shopping">
                        <a href="#">
                               <span class="fa fa-shopping-cart"></span> 购物车( 0 )
                           </a>
                        <div class="shopping-box">
                            购物车中还没有商品，赶紧选购吧！
                        </div>

                    </li>
                </ul>
            </div>
        </nav>
        <!-- 下拉菜单  -->
        <div class="container select clearfix">
            <div class="logo"><a href="#"><img src="./img/logo.png" alt=""></a></div>
            <ul class="select-info">
                 <div class="select-info-box">
                    <div class="children">
                        <ul class="container">
                            <li class="select-img1">
                                <a href="#"><img src="img/select1.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <section class="img-top">
                                    现货
                                </section>
                                <a href="#"><img src="img/select2.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/select3.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <section class="img-top img-top1">
                                    下单立减500
                                </section>
                                <a href="#"><img src="img/select4.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <section class="img-top img-top1">
                                    下单立减500
                                </section>
                                <a href="#"><img src="img/select5.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <section class="img-top img-top1">
                                    下单立减200
                                </section>
                                <a href="#"><img src="img/select6.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                        </ul>
                    </div>
                     <div class="children">
                        <ul class="container">
                            <li class="select-img1">
                                <a href="#"><img src="img/hongmi1.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <a href="#"><img src="img/hongmi2.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <a href="#"><img src="img/hongmi3.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <a href="#"><img src="img/hongmi4.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                        </ul>
                    </div>
                    <div class="children">
                        <ul class="container">
                            <li>
                                <a href=""><img src="img/pingban.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <a href=""><img src="img/pingban.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <section class="img-top">
                                    新品
                                </section>
                                <a href=""><img src="img/pingban.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                        </ul>
                    </div>
                    <div class="children">
                        <ul class="container">
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/dianshi1.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/dianshi2.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/dianshi3.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/dianshi4.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/dianshi5.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/dianshi6.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                        </ul>
                    </div>
                    <div class="children">
                        <ul class="container">
                            <li class="select-img1">
                                <a href="#"><img src="img/hezi1.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <a href="#"><img src="img/hezi2.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <a href="#"><img src="img/hezi3.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <a href="#"><img src="img/hezi4.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                        </ul>
                    </div>
                    <div class="children">
                        <ul class="container">
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/luyouqi1.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/luyouqi2.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/luyouqi3.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/luyouqi4.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/luyouqi5.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <section class="img-top">
                                    新品
                                </section>
                                <a href="#"><img src="img/luyouqi6.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                        </ul>
                    </div>
                    <div class="children">
                        <ul class="container">
                            <li>
                                <a href="#"><img src="img/zhineng1.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <a href="#"><img src="img/zhineng2.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <a href="#"><img src="img/zhineng3.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li class="select-img1">
                                <a href="#"><img src="img/zhineng4.png" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <a href="#"><img src="img/zhineng5.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                            <li>
                                <a href="#"><img src="img/zhineng6.jpg" alt=""></a>
                                <p class="text">小米6</p>
                                <p class="price">2499元起</p>
                            </li>
                        </ul>
                    </div>
                 </div> 
                <li class="show-box">
                    <a href="#">小米手机</a>
                </li>
                <li class="show-box">
                    <a href="#">红米</a>
                </li>
                <li class="show-box">
                    <a href="#">平板 · 笔记本</a>
                </li>
                <li class="show-box">
                    <a href="#">电视</a>
                </li>
                <li class="show-box">
                    <a href="#">盒子 · 影音</a>
                </li>
                <li class="show-box">
                    <a href="#">路由器</a>
                </li>
                <li class="show-box">
                    <a href="#">智能硬件</a>
                </li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
            <div class="select-input">
                <input type="text">
                <div class="hot">
                    <a href="#">电视4A 55"</a>
                    <a href="#">小米Note 2特惠</a>
                </div>
                <ul class="hot-select">
                    <li class="clearfix"><a href="#">小米6nnn<span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米6ddgbnn <span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米6[p;p<span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米6<span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米6<span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米6<span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米0006<span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米6oooo<span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米6<span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米ooo6<span class="jian">约有222件</span></a></li>
                    <li class="clearfix"><a href="#">小米6<span class="jian">约有222件</span></a></li>
                </ul>
                <div class="search"><a href="#" class=" fa fa-search"></a></div>
            </div>
        </div>
        <!--轮播图  -->
        <div class="banner1 container">
            <div class="banner container">
                <ul class="banner-img">
                    <li class="current"><a href="#"><img src="img/lunbo1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lunbo2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lunbo3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lunbo4.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lunbo5.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/lunbo6.jpg" alt=""></a></li>
                </ul>
                <ul class="indicator">
                    <li class="active"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <div class="img-click">
                    <span class="prev"></span>
                    <span class="next"></span>
                </div>
            </div>
            <ul class="banner-left">
                <li class="clearfix">
                    <a href="#">手机 电话卡<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select1 clearfix">
                        <ul class="banner-select-1 clearfix">
                            <li><a href="#">
                                    <img src="img/a1.png" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a2.png" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a3.png" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a4.jpg" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a5.jpg" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a6.jpg" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1">
                            <li><a href="#">
                                    <img src="img/a1.png" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a2.png" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a3.png" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a4.jpg" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a5.jpg" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/a6.jpg" alt="">
                                    <span class="text">小米6</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1" style="width:180px">
                            <li><a href="#"><img src="img/b1.jpg" alt=""><span class="text">移动4G+专区</span></a></li>
                            <li><a href="#"><img src="img/b2.jpg" alt=""><span class="text">移动4G+专区</span></a></li>
                            <li><a href="#"><img src="img/b3.jpg" alt=""><span class="text">移动4G+专区</span></a></li>
                            <li><a href="#"><img src="img/b4.jpg" alt=""><span class="text">移动4G+专区</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="clearfix">
                    <a href="#">笔记本 平板<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select2 clearfix">
                        <ul class="banner-select-1 clearfix">
                            <li><a href="#">
                                    <img src="img/c1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/c2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/c3.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                    <span class="xuangou">选购</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/c4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/c5.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/c6.jpg" alt="">
                                    <span class="text">小米6</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/c1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/c2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/c3.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/c4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/c5.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                    </div>
                </li>
                <li class="clearfix">
                    <a href="#">电视 盒子<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select3 clearfix">
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d3.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d5.png" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d3.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d5.png" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d3.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d5.png" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d3.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                        </ul>
                    </div>
                </li>
                <li class="clearfix">
                    <a href="#">路由器 智能硬件<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select3 clearfix">
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d3.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d5.png" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/e1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e3.png" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e5.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/e1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e3.png" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e5.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/e1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e4.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e4.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                        </ul>
                    </div>
                </li>
                <li class="clearfix">
                    <a href="#">移动电源 电池 插线板<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select4 clearfix">
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d3.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d5.png" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/e1.jpg" alt="">
                                    <span class="text">小米移动电源</span>
                                </a></li>
                    </div>
                </li>
                <li class="clearfix">
                    <a href="#">耳机 音箱<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select3 clearfix">
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d3.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d5.png" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/e1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e3.png" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e5.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/e1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e3.png" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e4.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e5.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e6.jpg" alt="">
                                    <span class="text">USB-C</span>
                                </a></li>
                        </ul>
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/e1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e4.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/e4.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                        </ul>
                    </div>
                </li>
                <li class="clearfix">
                    <a href="#">保护套 贴膜<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select5 clearfix">
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                        </ul>
                    </div>
                </li>
                <li class="clearfix">
                    <a href="#">支架 存储卡<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select5 clearfix">
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                        </ul>
                    </div>
                </li>
                <li class="clearfix">
                    <a href="#">鞋包 服饰 眼睛<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select5 clearfix">
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                        </ul>
                    </div>
                </li>
                <li class="clearfix">
                    <a href="#">米兔 生活周边<span class="fa fa-chevron-right"></span></a>
                    <div class="banner-select banner-select5 clearfix">
                        <ul class="banner-select-1 clearfix" style="width:180px">
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d1.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                            <li><a href="#">
                                    <img src="img/d2.jpg" alt="">
                                    <span class="text">笔记本13.3英寸</span>
                                </a></li>
                        </ul>
                    </div>
                </li>
                </ul>
        </div>
        <!-- ++++++++++++++  -->
        <div class="container home">
            <ul class="home-left">
                <li><a href="#">
                        <span class="fa fa-calendar"></span>
                        <p>选购手机</p>
                    </a></li>
                <li class="be af"><a href="#">
                        <span class="fa fa-fax"></span>
                        <p>企业团购</p>
                    </a></li>
                <li class="be af"><a href="#">
                        <span class="fa fa-certificate"></span>
                        <p>F码通道</p>
                    </a></li>
                <li class="af"><a href="#">
                        <span class="fa fa-diamond"></span>
                        <p>米粉卡</p>
                    </a></li>
                <li class="be af"><a href="#">
                        <span class="fa fa-credit-card-alt"></span>
                        <p>以旧换新</p>
                    </a></li>
                <li class="be af"><a href="#">
                        <span class="fa fa-camera-retro"></span>
                        <p>话费充值</p>
                    </a></li>
            </ul>
            <ul class="home-img">
                <li><a href="#"><img src="img/home1.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/home2.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/home3.jpg" alt=""></a></li>
            </ul>
        </div>
    </header>
    <main>
        <div class="container star">
            <div class="star-top">
                <h2>小米明星单品</h2>
                <div class="more more-dp">
                    <span class="fa fa-angle-left prev"></span>
                    <span class="fa fa-angle-right next active-star"></span>
                </div>
            </div>
            <div class="star-info star-info-dp">
                <ul class="star-info-img star-info-1">
                    <li class="star-li1">
                        <a href="#">
                            <img src="img/str1.png" alt="">
                            <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                    <li class="star-li2">
                        <a href="#">
                            <img src="img/str2.png" alt="">
                            <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                    <li class="star-li3">
                        <a href="#">
                            <img src="img/str3.png" alt="">
                           <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                    <li class="star-li4">
                        <a href="#">
                            <img src="img/str4.png" alt="">
                           <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                    <li class="star-li5">
                        <a href="#">
                            <img src="img/str5.png" alt="">
                           <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                </ul>
                <ul class="star-info-img star-info-2">
                    <li class="star-li1">
                        <a href="#">
                            <img src="img/star1.png" alt="">
                            <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                    <li class="star-li2">
                        <a href="#">
                            <img src="img/star2.png" alt="">
                            <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                    <li class="star-li3">
                        <a href="#">
                            <img src="img/star3.jpg" alt="">
                           <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                    <li class="star-li4">
                        <a href="#">
                            <img src="img/star4.png" alt="">
                           <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                    <li class="star-li5">
                        <a href="#">
                            <img src="img/star5.png" alt="">
                           <p class="xiaomi">小米MAX</p>
                        </a>
                        <p class="xiaomi-te">6.4" 全面屏，全陶瓷机身</p>
                        <span>3466元起</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main">
            <div class="container box box1 clearfix">
                <div class="box-top">
                    <h2>家电</h2>
                    <ul class="jia-more">
                        <li class="red"><a href="#">热门</a></li>
                        <li><a href="#">电视影音</a></li>
                        <li><a href="#">电脑</a></li>
                        <li><a href="#">家居</a></li>
                    </ul>
                </div>
                <div class="box-bottom clearfix">
                    <div class="box-left">
                        <img src="./img/left1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <div class="box-content">
                            <ul class="ul-info ul-1 clearfix show">
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r2.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-3.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-4.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-6.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r1-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r2-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r2-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r2-7.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r2-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <a href="#"><img src="img/r3-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r3-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r3-8.png" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container box box1 clearfix">
                <div class="box-top">
                    <h2>智能</h2>
                    <ul class="jia-more">
                        <li class="red"><a href="#">热门</a></li>
                        <li><a href="#">出行</a></li>
                        <li><a href="#">健康</a></li>
                        <li><a href="#">酷玩</a></li>
                    </ul>
                </div>
                <div class="box-bottom clearfix">
                    <ul class="box-left box-left2">
                        <li><a href="#"><img src="./img/zhileft1.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/zhileft2.jpg" alt=""></a></li>
                    </ul>
                    <div class="box-right">
                        <div class="box-content">
                            <ul class="ul-info ul-1 clearfix show">
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/zhi1.jpg"alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/zhi2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/zhi3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/zhi4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/zhi5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="mian">免邮费</section>
                                    <a href="#"><img src="img/zhi6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/zhi7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/zhi8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-3.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-4.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-6.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r1-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r2-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r2-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r2-7.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r2-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <a href="#"><img src="img/r3-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r3-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r3-8.png" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container box box1 clearfix">
                <div class="box-top">
                    <h2>搭配</h2>
                    <ul class="jia-more">
                        <li class="red"><a href="#">热门</a></li>
                        <li><a href="#">耳机音箱</a></li>
                        <li><a href="#">电源</a></li>
                        <li><a href="#">电池储存卡</a></li>
                    </ul>
                </div>
                <div class="box-bottom clearfix">
                    <ul class="box-left box-left2">
                        <li><a href="#"><img src="./img/dapeileft.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/dapeifight.jpg" alt=""></a></li>
                    </ul>
                    <div class="box-right">
                        <div class="box-content">
                            <ul class="ul-info ul-1 clearfix show">
                                <li>
                                    <a href="#"><img src="img/dapei1.jpg"alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.2折</section>
                                    <a href="#"><img src="img/dapei2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/dapei3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/dapei4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/dapei5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/dapei6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/dapei7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/dapei8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-3.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-4.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-6.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r1-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r2-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r2-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r2-7.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r2-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <a href="#"><img src="img/r3-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r3-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r3-8.png" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container box box1 clearfix">
                <div class="box-top">
                    <h2>配件</h2>
                    <ul class="jia-more">
                        <li class="red"><a href="#">热门</a></li>
                        <li><a href="#">保护套</a></li>
                        <li><a href="#">贴膜</a></li>
                        <li><a href="#">其他配件</a></li>
                    </ul>
                </div>
                <div class="box-bottom clearfix">
                    <ul class="box-left box-left2">
                        <li><a href="#"><img src="./img/peijianleft.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/peijianleft1.jpg" alt=""></a></li>
                    </ul>
                    <div class="box-right">
                        <div class="box-content">
                            <ul class="ul-info ul-1 clearfix show">
                                <li>
                                    <section class="xiang">享6.2折</section>
                                    <a href="#"><img src="img/peijian1.jpg"alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.2折</section>
                                    <a href="#"><img src="img/peijian2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/peijian3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/peijian4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/peijian5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/peijian6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/peijian7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/peijian8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-3.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-4.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-6.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r1-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r2-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r2-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r2-7.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r2-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <a href="#"><img src="img/r3-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r3-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r3-8.png" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container box box1 clearfix">
                <div class="box-top">
                    <h2>周边</h2>
                    <ul class="jia-more">
                        <li class="red"><a href="#">热门</a></li>
                        <li><a href="#">服装</a></li>
                        <li><a href="#">米兔</a></li>
                        <li><a href="#">生活周边</a></li>
                    </ul>
                </div>
                <div class="box-bottom clearfix">
                    <ul class="box-left box-left2">
                        <li><a href="#"><img src="./img/zhouleft.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/zhouleft1.jpg" alt=""></a></li>
                    </ul>
                    <div class="box-right">
                        <div class="box-content">
                            <ul class="ul-info ul-1 clearfix show">
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/zhou1.jpg"alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/zhou2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/zhou3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/zhou4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/zhou5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/zhou6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/zhou7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/zhou8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-3.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-4.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-6.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <section class="xiang">享九折</section>
                                    <a href="#"><img src="img/r1-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r1-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r2-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r2-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-5.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="xiang">享9.1折</section>
                                    <a href="#"><img src="img/r2-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r2-7.png" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r2-8.jpg" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="ul-info ul-1 clearfix">
                                <li>
                                    <a href="#"><img src="img/r3-1.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>3333元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <section class="new">新品</section>
                                    <a href="#"><img src="img/r3-2.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-3.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-4.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>1111元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-5.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li>

                                    <a href="#"><img src="img/r3-6.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>2222元</span>
                                </li>
                                <li>
                                    <a href="#"><img src="img/r3-7.jpg" alt=""></a>
                                    <a href="#">
                                        <p class="xiaomi">小米电视4A 49英寸</p>
                                    </a>
                                    <p class="xiaomi-te">月23日小米电视品牌日，立减400元</p>
                                    <span>4444元</span>
                                    <a href="#" class="xia">
                                        <p class="p1">比较大,喜欢小米,怎么看怎么好</p>
                                        <p class="p2">来自于 橙子的评价</p>
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">小白摄像机</a></p>
                                        <span>4444元</span>
                                    </div>
                                    <a href="#">
                                        <img src="img/r3-8.png" alt="" class="img8">
                                    </a>
                                </li>
                                <li class="bai">
                                    <div>
                                        <p><a href="#" class="xiaomi">浏览更多</a></p>
                                        <span class="xiaomi-te">热门</span>
                                    </div>
                                    <a href="#">
                                        <span class="img8 fa fa-arrow-circle-o-right"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container box box6 clearfix">
                <div class="star-top">
                    <h2>为你推荐</h2>
                    <div class="more">
                        <span class="fa fa-angle-left"></span>
                        <span class="fa fa-angle-right active-star"></span>
                    </div>
                </div>
                <div class="star-info">
                    <div class="lunbo-ul clearfix">
                        <ul class="star-info-img">
                            <li class="star-li1">
                                <a href="#">
                            <img src="img/tuijian1.jpg" alt="">
                            <p class="xiaomi">小米米家机器人</p>
                             </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>

                            </li>
                            <li class="star-li2">
                                <a href="#">
                            <img src="img/tuijian2.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li3">
                                <a href="#">
                            <img src="img/tuijian3.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li4">
                                <a href="#">
                            <img src="img/tuijian4.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li5">
                                <a href="#">
                            <img src="img/tuijian5.jpg" alt="">
                          <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                        </ul>
                        <ul class="star-info-img">
                            <li class="star-li1">
                                <a href="#">
                            <img src="img/tuijian6.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li2">
                                <a href="#">
                            <img src="img/tuijian7.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li3">
                                <a href="#">
                            <img src="img/tuijian8.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li4">
                                <a href="#">
                            <img src="img/tuijian9.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li5">
                                <a href="#">
                            <img src="img/tuijian10.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                        </ul>
                        <ul class="star-info-img">
                            <li class="star-li1">
                                <a href="#">
                            <img src="img/tuijian1.jpg" alt="">
                            <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>

                            </li>
                            <li class="star-li2">
                                <a href="#">
                            <img src="img/tuijian2.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li3">
                                <a href="#">
                            <img src="img/tuijian3.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li4">
                                <a href="#">
                            <img src="img/tuijian4.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li5">
                                <a href="#">
                            <img src="img/tuijian5.jpg" alt="">
                          <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                        </ul>
                        <ul class="star-info-img">
                            <li class="star-li1">
                                <a href="#">
                            <img src="img/tuijian6.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li2">
                                <a href="#">
                            <img src="img/tuijian7.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li3">
                                <a href="#">
                            <img src="img/tuijian8.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li4">
                                <a href="#">
                            <img src="img/tuijian9.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                            <li class="star-li5">
                                <a href="#">
                            <img src="img/tuijian10.jpg" alt="">
                           <p class="xiaomi">小米米家机器人</p>
                        </a>
                                <span>3466元</span>
                                <p class="xiaomi-te">1.2万人好评</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="container box box1 clearfix">
                <div class="box-top">
                    <h2>热评产品</h2>
                </div>
                <ul class="box-left3 clearfix">
                    <li>
                        <a href="#">
                            <img src="img/reping1.jpg" alt="">
                            <p class="pingjia">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
                        </a>
                        <p class="laizi">来自于 HZG 的评价</p>
                        <a href="#" class="pingjia2">小米笔记本Air 12.5英寸</a>
                        <span class="price">999元</span>
                    </li>
                    <li class="left"><a href="#">
                            <img src="img/reping2.jpg" alt="">
                            <p class="pingjia">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
                        </a>
                        <p class="laizi">来自于 HZG 的评价</p>
                        <a href="#" class="pingjia2">小米笔记本Air 12.5英寸</a>
                        <span class="price">999元</span>
                    </li>
                    <li class="left"><a href="#">
                            <img src="img/reping3.jpg" alt="">
                            <p class="pingjia">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
                        </a>
                        <p class="laizi">来自于 HZG 的评价</p>
                        <a href="#" class="pingjia2">小米笔记本Air 12.5英寸</a>
                        <span class="price">999元</span>
                    </li>
                    <li class="left"><a href="#">
                            <img src="img/reping4.jpg" alt="">
                           <p class="pingjia">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
                        </a>
                        <p class="laizi">来自于 HZG 的评价</p>
                        <a href="#" class="pingjia2">小米笔记本Air 12.5英寸</a>
                        <span class="price">999元</span>
                    </li>
                </ul>
            </div>

            <div class="container box box1 clearfix">
                <div class="box-top">
                    <h2>内容</h2>
                </div>
                <ul class="box-left3 box-left4 clearfix">
                    <li class="li1">
                        <h2 class="h1">图书</h2>
                        <div class="content">
                            <ul class="clearfix">
                                <li>
                                    <p class="title">哈利·波特与被诅咒的孩子</p>
                                    <p class="jieshi">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                    <span class="yuan1">23.33元</span>
                                    <img src="./img/neirong1.png" alt="">
                                </li>
                                <li>
                                    <p class="title">好吗好的</p>
                                    <p class="jieshi">畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                    <span class="yuan1">23.33元</span>
                                    <img src="./img/neirong1-2.png" alt="">
                                </li>
                                <li class="more">
                                    <p class="jieshi">海量好书，享受精品阅读时光漂亮的中文排版，千万读者选择！</p>
                                    <span class="yuan">前往多看阅读</span>
                                    <img src="./img/neirong1-3.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="yuandian">
                            <ul>
                                <li class="yuandian-click"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="click">
                            <span class="shang fa fa-chevron-left"></span>
                            <span class="xia fa fa-chevron-right"></span>
                        </div>
                    </li>
                    <li class="left li2">
                        <h2 class="h2">MIUI主题</h2>
                        <div class="content">
                            <ul class="clearfix">
                                <li>
                                    <p class="title">吴亦凡定制主题</p>
                                    <p class="jieshi">6张锁屏动态壁纸随机，每张都给你惊喜！</p>
                                    <span class="yuan1">免费</span>
                                    <img src="./img/neirong2.jpg" alt="">
                                </li>
                                <li>
                                    <p class="title">夏日狂想</p>
                                    <p class="jieshi">官方主题新画风，原来你是这样的小清新！</p>
                                    <span class="yuan1">免费</span>
                                    <img src="./img/neirong2-2.jpg" alt="">
                                </li>
                                <li>
                                    <p class="title">几何</p>
                                    <p class="jieshi">最新官方主题，带你感受极简视觉冲击</p>
                                    <span class="yuan1">免费</span>
                                    <img src="./img/neirong2-3.jpg" alt="">
                                </li>
                                <li class="more more2">
                                    <p class="jieshi">众多个性主题、百变锁屏与自由桌面让你的手机与众不同！</p>
                                    <span class="yuan">前往MIUI主题市场</span>
                                    <img src="./img/neirong1-3.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="yuandian">
                            <ul>
                                <li class="yuandian-click"></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="click">
                            <span class="shang fa fa-chevron-left"></span>
                            <span class="xia fa fa-chevron-right"></span>
                        </div>
                    </li>
                    <li class="left li3">
                        <h2 class="h3">游戏</h2>
                        <div class="content">
                            <ul class="clearfix">
                                <li>
                                    <p class="title">米柚手游模拟器</p>
                                    <p class="jieshi">在电脑上玩遍小米所有手游</p>
                                    <span class="yuan1">免费</span>
                                    <img src="./img/neirong3.png" alt="">
                                </li>
                                <li>
                                    <p class="title">仙剑世界</p>
                                    <p class="jieshi">一生不容错过的浪漫武侠！！</p>
                                    <span class="yuan1">免费</span>
                                    <img src="./img/neirong3-2.jpg" alt="">
                                </li>
                                <li class="more">
                                    <p class="jieshi">免费下载海量的手机游戏天天都有现金福利赠送</p>
                                    <span class="yuan">前往小米游戏商店</span>
                                    <img src="./img/neirong3-3.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="yuandian">
                            <ul>
                                <li class="yuandian-click"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="click">
                            <span class="shang fa fa-chevron-left"></span>
                            <span class="xia fa fa-chevron-right"></span>
                        </div>
                    </li>
                    <li class="left li4">
                        <h2 class="h4">应用</h2>
                        <div class="content">
                            <ul class="clearfix">
                                <li>
                                    <p class="title">2017金米奖</p>
                                    <p class="jieshi">最优秀的应用和游戏</p>
                                    <span class="yuan1"></span>
                                    <img src="./img/neirong4.png" alt="">
                                </li>
                                <li>
                                    <p class="title">Forest</p>
                                    <p class="jieshi">帮助您专心于生活中每个重要时刻</p>
                                    <span class="yuan1">免费</span>
                                    <img src="./img/neirong4-2.png" alt="">
                                </li>
                                <li>
                                    <p class="title">小米应用</p>
                                    <p class="jieshi">小米出品 必属精品</p>
                                    <span class="yuan1">免费</span>
                                    <img src="./img/neirong4-3.png" alt="">
                                </li>
                                <li class="more">
                                    <p class="jieshi">帮助小米手机和其他安卓手机用户发现好用的安卓应用</p>
                                    <span class="yuan">前往小米应用商店</span>
                                    <img src="./img/neirong4-4.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="yuandian">
                            <ul>
                                <li class="yuandian-click"></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="click">
                            <span class="shang fa fa-chevron-left"></span>
                            <span class="xia fa fa-chevron-right"></span>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="container box box5 clearfix">
                <div class="box-top">
                    <h2>视频</h2>
                    <div class="jia-more">查看全部 <span class="fa fa-arrow-circle-o-right"></span></div>
               </div>
                <ul class="box-left6 box-left5 clearfix">
                    <li>
                        <img src="img/shipin1.jpg" alt="">
                        <span class="play"><section class="sanjiao"></section></span>
                        <a href="#">听雷总讲述小米7年工艺探索之路</a>
                        <p>小米6，7年工艺探索的巅峰之作</p>
                    </li>
                    <li class="left">
                        <img src="img/shipin2.jpg" alt="">
                         <span class="play"><section class="sanjiao"></section></span>
                        <a href="#">MIUI 9 理念视频</a>
                        <p>快如闪电，前所未有的流畅</p>
                    </li>
                    <li class="left">
                        <img src="img/shipin3.jpg" alt="">
                         <span class="play"><section class="sanjiao"></section></span>
                        <a href="#">小米5X 外观视频</a>
                        <p>吴亦凡倾情演绎</p>
                    </li>
                    <li class="left">
                        <img src="img/shipin4.jpg" alt="">
                         <span class="play"><section class="sanjiao"></section></span>
                        <a href="#">小米6亮银探索版 工艺黑科技视频</a>
                        <p>仿佛科幻般的液态金属</p>
                    </li>
                </ul>
        </div>
    </main>

    <footer>
        <div class="container foot">
            <ul class="foot-top">
                <li><a href="#"><span class="fa fa-wrench"></span>预约维修服务</a></li>
                <li><a href="#"><span class="fa fa-sun-o"></span>7天无理由退货</a></li>
                <li><a href="#"><span class="fa fa-smile-o"></span>7天无理由退货</a></li>
                <li><a href="#"><span class="fa fa-gift"></span>满150元包邮</a></li>
                <li><a href="#"><span class="fa fa-map-marker"></span>520余家售后网点</a></li>
            </ul>
            <div class="foot-content clearfix">
                <ul><p>帮助中心</p>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul><p>服务支持</p>
                    <li><a href="#">售后政策</a></li>
                    <li><a href="#">自助服务</a></li>
                    <li><a href="#">相关下载</a></li>
                </ul>
                <ul><p>线下门店</p>
                    <li><a href="#">小米之家</a></li>
                    <li><a href="#">服务网点</a></li>
                    <li><a href="#">零售网点</a></li>
                </ul>
                <ul><p>关于小米</p>
                    <li><a href="#">了解小米</a></li>
                    <li><a href="#">加入小米</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
                <ul><p>关注我们</p>
                    <li><a href="#">新浪微博</a></li>
                    <li><a href="#">小米部落</a></li>
                    <li><a href="#">官方微信</a></li>
                </ul>
                <ul><p>特色服务</p>
                    <li><a href="#">F码通道</a></li>
                    <li><a href="#">礼物码</a></li>
                    <li><a href="#">防伪查询</a></li>
                </ul>
                <div class="phone">
                    <p class="tel">400-100-5678</p>
                    <p class="time">周一至周日 8:00-18:00  <br>（仅收市话费）</p>
                    <a href="#"><span class="fa fa-commenting"></span>24小时在线客服</a>
                </div>
            </div>
        </div>
        <div class="info">
            <div class="container foot-info clearfix">
                <img src="./img/logo.png" alt="">
                <div class="middle">
                    <p class="p1">
                        <a href="#">小米商城</a>
                        <a href="#">| MIUI</a>
                        <a href="#">| 米聊</a>
                        <a href="#">| 多看书城</a>
                        <a href="#">| 小米路由器</a>
                        <a href="#">| 视频电话</a>
                        <a href="#">| 小米天猫店</a>
                        <a href="#">| 小米淘宝直营店</a>
                        <a href="#">| 小米网盟</a>
                        <a href="#">| 小米移动</a>
                        <a href="#">| 隐私政策</a>
                        <a href="#">| Select Region</a>
                    </p>
                    <p class="p2">
                        <a href="#">©mi.com </a>
                        <a href="#"> 京ICP证110507号 </a>
                        <a href="#"> 京ICP备10046444号 </a>
                        <a href="#"> 京公网安备11010802020134号 </a>
                        <a href="#"> 京网文[2014]0059-0009号 </a>
                    </p>
                    <p class="p3">
                        违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                </div>
                <div class="foot-img">
                    <a href="#"><img src="img/foot1.png" alt=""></a>
                    <a href="#"><img src="img/foot2.png" alt=""></a>
                    <a href="#"><img src="img/foot3.png" alt=""></a>
                    <a href="#"><img src="img/foot4.png" alt=""></a>
                </div>
            </div>
            <div class="tansuo">
                <!-- 探索黑科技,小米为发烧而生! -->
            </div>
        </div>
    </footer>

    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>
<script>
</script>